<groupdef id="shade.cbuttons">

	<Button id="Prev"
		x="0" y="0" h="16" w="14" rectrgn="1"
		image="shade.button.previous.normal"
		hoverImage="shade.button.previous.hover"
		downImage="shade.button.previous.down"
		action="PREV" tooltip="Previous Track"
	/>

	<Button id="Play"
		x="14" y="0" h="16" w="12" rectrgn="1"
		image="shade.button.play.normal"
		hoverImage="shade.button.play.hover"
		downImage="shade.button.play.down"
		action="PLAY" tooltip="Play"
	/>

	<Button id="Pause"
		x="26" y="0" h="16" w="12" rectrgn="1"
		image="shade.button.pause.normal"
		hoverImage="shade.button.pause.hover"
		downImage="shade.button.pause.down"
		action="PAUSE" tooltip="Pause Playback"
	/>

	<Button id="Stop"
		x="38" y="0" h="16" w="14" rectrgn="1"
		image="shade.button.stop.normal"
		hoverImage="shade.button.stop.hover"
		downImage="shade.button.stop.down"
		action="STOP" tooltip="Stop Playback"
	/>

	<Button id="Next"
		x="52" y="0" h="16" w="14" rectrgn="1"
		image="shade.button.next.normal"
		hoverImage="shade.button.next.hover"
		downImage="shade.button.next.down"
		action="NEXT" tooltip="Next Track"
	/>

	<Button id="Eject"
		x="72" y="0" h="16" w="15" rectrgn="1"
		image="shade.button.eject.normal"
		hoverImage="shade.button.eject.hover"
		downImage="shade.button.eject.down"
		action="EJECT" tooltip="Open File(s)"
	/>
</groupdef>

<groupdef id="shade.display">

	<grid 
		x="0" y="0" h="18" w="-6" relatw="1" ghost="1"
		left="shade.display.left"
		middle="shade.display.middle"
		right="shade.display.right"
	/>

	<text id="SongTime"
		x="3" y="7" h="5" w="35" relatw="0" timeroffstyle="1" timecolonwidth="6"
		display="time" align="left" font="player.bitmapfont.songinfo"
	/>

	<SongTicker id="Songticker" nograbb="1" move="1"
		x="0" y="2" h="12" w="-8" relatw="1"
		display="SONGTITLE" showlen="1" ticker="1" offsetx="-3"
		rightclickaction="trackmenu" dblclickaction="trackinfo" align="right"
		color="color.display" fontsize="12" valign="top" bold="2"
	/>
	<text id="InfoDisplay" nograbb="1" move="1"
		x="0" y="2" h="12" w="-8" relatw="1" offsetx="-3"
		align="right" color="color.display" fontsize="12" valign="top" bold="2"
	/>

	<script file="scripts/songticker.maki" param="3" />

</groupdef>

<groupdef id="shade.vis">

	<grid 
		x="0" y="0" h="18" w="-6" relatw="1" ghost="1"
		left="shade.display.left"
		middle="shade.display.middle"
		right="shade.display.right"
	/>

	<vis
		id="main.vis"
		x="4" y="4"
		w="54" h="9"
		colorbandpeak="162,193,204"
		colorband1="82,97,102"
		colorband2="74,88,93"
		colorband3="78,92,97"
		colorband4="83,97,104"
		colorband5="88,102,107"
		colorband6="94,107,112"
		colorband7="100,113,118"
		colorband8="106,120,125"
		colorband9="112,121,131"
		colorband10="117,131,136"
		colorband11="122,137,142"
		colorband12="127,141,146"
		colorband13="131,145,150"
		colorband14="136,150,155"
		colorband15="140,154,159"
		colorband16="145,159,164"
		colorosc1="82,97,102"
		colorosc2="83,97,104"
		colorosc3="106,120,125"
		colorosc4="127,141,146"
		colorosc5="145,159,164"
		gammagroup="Displaytext"
	/>

	<layer id="main.vis.trigger" x="2" y="3" h="11" w="58" rectrgn="1"/>

	<script file="scripts/visualizer.maki"/>

</groupdef>

<groupdef id="shade.volume">

	<button id="mute" x="0" y="0" w="16" h="16" 
		image="shade.button.mute.normal"
		hoverImage="shade.button.mute.hover"
		downImage="shade.button.mute.down"
		tooltip="Mute Volume"
	/>
	<button id="etum" x="0" y="0" w="16" h="16" 
		image="shade.button.demute.normal"
		hoverImage="shade.button.demute.hover"
		downImage="shade.button.demute.down"
		tooltip="Turn Volume on"
		visible="0"
	/>

	<layer id="player.volume.label" x="20" y="1" image="shade.label.volume" ghost="1"/>

	<layer id="shade.volume.bg"
		x="17" y="5" h="5" w="40"
		image="shade.track.volume"
		ghost="1"
	/>
	
	<grid id="player.volume.fill"
		x="19" y="7" h="2" w="38"
		left="player.slider.light.left"
		middle="player.slider.light.center"
		right="player.slider.light.right"
	/>

	<Slider
		id="Volume"
		action="Volume"
		x="16" y="4" h="10" w="42"
		thumb="shade.volume.thumb.normal"
		hoverThumb="shade.volume.thumb.hover"
		downThumb="shade.volume.thumb.down"
		tooltip="Volume"
	/>

	<script file="scripts/mute.maki" param="38"/>
	<!-- param = max_w for volume fillbar -->

</groupdef>

<groupdef id="shade.seek">

	<grid id="player.seek.bg"
		x="1" y="5" h="5" w="-5" relatw="1"
		left="shade.track.seek.left"
		middle="shade.track.seek.middle"
		right="shade.track.seek.right"
	/>

	<ProgressGrid id="progressbar"
		x="3" y="7" h="2" w="-7" relatw="1"
		orientation="right"
		left="player.slider.light.left"
		middle="player.slider.light.center"
		right="player.slider.light.right"
	/>

	<Slider
		id="seeker"
		action="SEEK"
		x="3" y="4" h="10" w="-4" relatw="1"
		thumb="shade.seek.thumb.normal"
		hoverThumb="shade.seek.thumb.hover"
		downThumb="shade.seek.thumb.down"
		ghost="1"
		tooltip="Seeker"
	/>

	<Slider
		id="seeker.ghost"
		action="SEEK"
		x="3" y="4" h="10" w="-4" relatw="1"
		thumb="shade.seek.thumb.normal"
		hoverThumb="shade.seek.thumb.hover"
		downThumb="shade.seek.thumb.down"
		tooltip="Seeker"
	/>

	<script file="scripts/seek.maki"/>

</groupdef>

<layout id="shade" minimum_w="250" h="18" minimum_h="18" maximum_h="18" w="500" primarycomponent="guid:player" appbar="top|bottom">

	<!-- Background -->

	<layer x="0" y="0" h="1" w="1" image="window.background.region" regionop="-2" />
	<layer x="-1" relatx="1" y="0" h="1" w="1" image="window.background.region" regionop="-2" />
	<layer x="0" y="-1" relaty="1" h="1" w="1" image="window.background.region" regionop="-2" />
	<layer x="-1" relatx="1" y="-1" relaty="1" h="1" w="1" image="window.background.region" regionop="-2" />

	<grid 
		x="0" y="0" h="18" w="0" relatw="1" regionop="1"
		left="window.titlebar.grid.left"
		middle="window.titlebar.grid.middle"
		right="window.titlebar.grid.right"
	/>

	<layer x="27" y="6" image="window.titlebar.text.winamp" ghost="1" />

	<guiobject fitparent="1" rectrgn="1" move="1" id="shade.mousetrap"/>

	<!-- System Buttons -->

	<button 
		x="5" y="2" h="13" w="15"
		action="SYSMENU" 
		image="window.titlebar.button.sysmenu.normal"
		hoverImage="window.titlebar.button.sysmenu.hover"
		downImage="window.titlebar.button.sysmenu.down"
		tooltip="Main Menu"
	/>

	<button 
		x="-79" relatx="1" y="2" h="13" w="17"
		id="shade.button.minimize"
		action="MINIMIZE"
		image="window.titlebar.button.minimize.normal"
		hoverImage="window.titlebar.button.minimize.hover"
		downImage="window.titlebar.button.minimize.down"
		tooltip="Minimize Winamp"
	/>

	<button 
		x="-60" relatx="1" y="2" h="13" w="17"
		id="shade.button.restore"
		image="window.titlebar.button.restore.normal"
		hoverImage="window.titlebar.button.restore.hover"
		downImage="window.titlebar.button.restore.down"
		tooltip="Restore Winamp"
	/>

	<button 
		x="-60" relatx="1" y="2" h="13" w="17"
		id="shade.button.maximize"
		image="window.titlebar.button.maximize.normal"
		hoverImage="window.titlebar.button.maximize.hover"
		downImage="window.titlebar.button.maximize.down"
		tooltip="Maximize Winamp"
	/>

	<button 
		x="-41" relatx="1" y="2" h="13" w="17"
		action="SWITCH" param="normal" 
		image="window.titlebar.button.shade.normal"
		hoverImage="window.titlebar.button.shade.hover"
		downImage="window.titlebar.button.shade.down"
		tooltip="Windowshade Mode"
	/>

	<button 
		x="-22" relatx="1" y="2" h="13" w="17"
		action="CLOSE"
		image="window.titlebar.button.close.normal"
		hoverImage="window.titlebar.button.close.hover"
		downImage="window.titlebar.button.close.down"
		tooltip="Exit Winamp"
	/>

	<layer x="-5" y="0" w="5" h="18" rectrgn="1" relatx="1" resize="right" image="shade.resizer.right" id="shade.resizer.right"/>

	<group id="shade.display" x="163" y="0" w="100" h="18" visible="0"/>
	<group id="shade.cbuttons" x="77" y="1" w="96" h="16"/>
	<group id="shade.volume" x="163" y="1" w="65" h="16" visible="0"/>
	<group id="shade.seek" x="-146" relatx="1" y="1" w="63" h="16" visible="0"/>
	<group id="shade.vis" x="79" y="0" w="67" h="16" visible="0"/>

	<script file="scripts/shadesize.maki" param="81" />

</layout>